<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="../public/css/login.css">
  <link rel="stylesheet" href="../public/css/bootstrap.css" />
  <script src="../public/js/jquery.min.js"></script>
  <script src="../public/js/popper.min.js"></script>
  <script src="../public/js/bootstrap.min.js"></script>
  <title>pea用户注册页</title>
  <style>
    .pea_bg .center .login {
      width: 600px;
      background-color: rgba(152, 190, 191);
      box-sizing: border-box;
      position: relative;
      left: 25vh;
      top: 5vh;
    }

    .pea_bg .center .login img {
      width: 150px;
      margin: 50% 0 0 0;
    }
  </style>
</head>

<body>
  <div class="pea_bg">
    <div class="center">
      <div class="clearfix">
        <img src="../public/img/logo/2.png" alt="">
        <!--专注高中生物的学习平台-->
      </div>
    </div>
    <div class="center">
      <div class="login p-3 d-flex justify-content-around">
        <div class="in">
          <h4 class="text-white">注册</h4>
          <input type="text" placeholder="请输入用户名" />
          <input type="text" placeholder="请输入手机号" />
          <input type="password" placeholder="请输入密码" />
          <input type="password" placeholder="确认密码" />
          <input type="text" placeholder="请输入邮箱" />
          <button class="btn btn-info rounded-0">注册</button>
          <a href="./userlogin.html">已有账号,去登录</a>
        </div>
        <div>
          <img src="../public/img/logo/5.png" alt="">
        </div>
      </div>
    </div>
  </div>
</body>

</html>